<script setup lang="ts"></script>

<template>
  <div class="play-page">
    <van-button type="primary">按钮测试</van-button>
    <van-cell-group>
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
    </van-cell-group>

    <hr />
    <div class="box">123</div>
  </div>
</template>

<style lang="scss" scoped>
// 定义

// :root {
//   --变量名: 值;
// }
// // 使用
// .box {
//   color: var(--变量名, 默认值);
// }

:root {
  --box: red;
}
.box {
  width: 300px;
  height: 300px;
  background-color: var(--box, pink);
}
</style>
